function autocolumn(data){
    //datagrid头部 table 的第一个tr 的td们，即columns的集合
    var headerTds = $(".datagrid-header-inner table tr:first-child").children();
    //datagrid主体 table 的第一个tr 的td们，即第一个数据行
    var bodyTds = $(".datagrid-body table tr:first-child").children();
    var totalWidth = 0; //合计宽度，用来为datagrid头部和主体设置宽度
    //循环设置宽度
    bodyTds.each(function (i, obj) {
        var headerTd = $(headerTds.get(i));
        var bodyTd = $(bodyTds.get(i));
        $("div:first-child", headerTds.get(i)).css("text-align", "center");
        var headerTdWidth = headerTd.width(); //获取第i个头部td的宽度
        //这里加5个像素 是因为数据主体我们取的是第一行数据，不能确保第一行数据宽度最宽，预留5个像素。有兴趣的朋友可以先判断最大的td宽度都在进行设置
        var bodyTdWidth = bodyTd.width() + 5;
        var width = 0;
        //如果头部列名宽度比主体数据宽度宽，则它们的宽度都设为头部的宽度。反之亦然
        if (headerTdWidth > bodyTdWidth) {
            width = headerTdWidth;
            bodyTd.width(width);
            headerTd.width(width);
            totalWidth += width;
        } else {
            width = bodyTdWidth;
            headerTd.width(width);
            bodyTd.width(width);
            totalWidth += width;
        }
    });
    var headerTable = $(".datagrid-header-inner table:first-child");
    var bodyTable = $(".datagrid-body table:first-child");
    //循环完毕即能得到总得宽度设置到头部table和数据主体table中
    headerTable.width(totalWidth);
    bodyTable.width(totalWidth);
    bodyTds.each(function (i, obj) {
        var headerTd = $(headerTds.get(i));
        var bodyTd = $(bodyTds.get(i));
        var headerTdWidth = headerTd.width();
        bodyTd.width(headerTdWidth);
    });

};


/* 使用方法:
* 开启:MaskUtil.mask();
* 关闭:MaskUtil.unmask();
*
* MaskUtil.mask('其它提示文字...');
*/
var MaskUtil = (function(){

    var $mask,$maskMsg;

    var defMsg = '正在处理，请稍待。。。';

    function init(){
        if(!$mask){
            $mask = $("<div class=\"datagrid-mask mymask\"></div>").appendTo("body");
        }
        if(!$maskMsg){
            $maskMsg = $("<div class=\"datagrid-mask-msg mymask\">"+defMsg+"</div>")
                .appendTo("body").css({'font-size':'12px'});
        }

        $mask.css({width:"100%",height:$(document).height()});

        var scrollTop = $(document.body).scrollTop();

        $maskMsg.css({
            left:( $(document.body).outerWidth(true) - 190 ) / 2
            ,top:( ($(window).height() - 45) / 2 ) + scrollTop
        });

    }

    return {
        mask:function(msg){
            init();
            $mask.show();
            $maskMsg.html(msg||defMsg).show();
        }
        ,unmask:function(){
            $mask.hide();
            $maskMsg.hide();
        }
    }

}());
